<template>
    <div class=''>
        <h2>父</h2>
        <input type="button" value="我是父组件中的按钮" @click="show"/>
        <!-- <ChildShow v-show="isshow" @update:isShow="(bol)=>{isshow=bol}"></ChildShow>
        <ChildShow v-show="isshow" :isShow.sync="isshow"></ChildShow> -->
        <ChildShow v-model="isshow" />
    </div>
</template>

<script>
import ChildShow from "@/components/ChildShow.vue";
export default {
    //import引入的组件需要注入到对象中才能使用
    components: { ChildShow },
    data() {
        //这里存放数据
        return {
            isshow:false

        };
    },
    //监听属性 类似于data概念
    computed: {},
    //监控data中的数据变化
    watch: {},
    //方法集合
    methods: {
        show(){
            this.isshow = !this.isshow
        },
        // changeIsShow(bol){
        //      this.isshow = bol;
        // }
    }
}
</script>
<style lang='scss' scoped>
//@import url(); 引入公共css类</style>